<template>
	<view class="loginAgreement">
		<view>
			<u-checkbox-group>
				<u-checkbox :checked="chooes" @change="handleClickChoose" activeColor="green" shape="circle" label=" "></u-checkbox>
			</u-checkbox-group>
		</view>
		<view class="text">已阅读并同意<text>《服务条款》</text>和<text>《隐私权政策》</text></view>
	</view>
</template>

<script>
	export default {
		name: "loginAgreement",
		emits:["choose"],
		props: {
			chooes: {
				type: Boolean,
				default: false
			}
		},
		methods:{
			handleClickChoose(e){
				this.$emit("choose",e)
			}
		}
	}
</script>

<style lang="scss">
	.loginAgreement {
		position: absolute;
		width: 100%;
		margin: 10rpx auto;
		display: flex;
		justify-content: center;
		bottom: 50rpx;

		view {
			radio {
				width: 28rpx;
				height: 28rpx;
			}
		}

		.text {
			font-size: 24rpx;
			font-weight: 400;

			text {
				color: rgba(76, 212, 230, 1)
			}
		}
	}
</style>